﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Buscar
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
     <link href="../../Content/jquery-ui-1.8.13.custom.css" rel="stylesheet" type="text/css" />
    <script src="../../Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery-ui-1.8.13.custom.min.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery-ui-timepicker-addon.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.modaldialog.js" type="text/javascript"></script>
    <link href="../../Content/jquery.modaldialog.css" rel="stylesheet" type="text/css" />
    <script>
    
        $(function () {
         function registrar()
        {
                $(".inscribir").click(function(){                
                
                var id = $(this).attr('name');                     
                $.getJSON("<%=Url.Action("inscribir") %>"+"/"+"?ID="+id , null,function(Data){
                
                if(Data == "ok")
                {
                    $.modaldialog.success("Inscripción exitosa!");
                }
                else
                {
                    $.modaldialog.error("Ya estás registrado en esta tutoría");
                }

                });              
                
                var curs = $("#curso").val();
                var asignatur = $("#asignatura").val();
                var materi = $("#materia").val();
                var desd = $("#fechaDesde").val();
                var hast = $("#fechaHasta").val();
                

                $.getJSON("<%=Url.Action("filtrar") %>"+"/"+"?curso="+curs+"&asignatura="+asignatur+"&materia="+materi+"&desde="+desd+"&hasta="+hast , null,function(Data){
                        
                        $("#tabla").html(Data);
                        registrar();

	                });
                       
                        });

        }




            $("#fechaDesde").datetimepicker();
            $("#fechaHasta").datetimepicker();
            
            
            $("#curso").change(function () {
             var c = $("#curso").val();
                $.getJSON("<%=Url.Action("getasignaturas") %>"+"/"+"?ID="+c, null,function(Data){
                        $("#asignatura").html(Data);
                         $("#materia").html("");

	                });
            });
                               

            $("#asignatura").change(function () {

                var a = $("#asignatura").val();

                $.getJSON("<%=Url.Action("getmaterias") %>"+"/"+"?ID="+a, null,
                    
                    function(Data){
                        $("#materia").html(Data);

	                });
            });


            
            
            $(".cambio").change(function () {
            

                var curs = $("#curso").val();
                var asignatur = $("#asignatura").val();
                var materi = $("#materia").val();
                var desd = $("#fechaDesde").val();
                var hast = $("#fechaHasta").val();
                

                $.getJSON("<%=Url.Action("filtrar") %>"+"/"+"?curso="+curs+"&asignatura="+asignatur+"&materia="+materi+"&desde="+desd+"&hasta="+hast , null,function(Data){
                        
                        $("#tabla").html(Data);
                        registrar();
	                });
  });
          


          registrar();



        });
	</script>
    
    <div style="width:100%;">
    <center><font style="Color:Orange;font-size:x-large;font-family:Comic Sans MS;padding-top:3px;">Para buscar una tutoría sólo debes seguir los siguientes 3 pasos!</font></center>
   <table >
      <tr>
      <td colspan="0"></td>
    <td><img src="../../Content/images/1ludico.png" alt="" /></td>
    <td>
    <font style="color:Red;font-size:large;font-family:Comic Sans MS">Selecciona un Tema!</font>
    <table>
    <tr>
        <td>
        <select class = "cambio" id="curso" size = "5" name="curso">
        <%=TempData["listacursos"] %>
        </select></td>
        <td><select class = "cambio"  width="200" style="width: 200px" id="asignatura" size = "5"> </select></td>
        <td><select class = "cambio"  width="200" style="width: 200px" id="materia" size = "5" name = "materiaID"> </select></td>
        
    </tr>    
    </table>
    </td>
    </tr>
    <tr></tr>
    <tr>
       <td colspan="1"></td>
  
    <td><img src="../../Content/images/2ludico.png" alt="" /></td>
    <td>
    <font style="color:Blue;font-size:large;font-family:Comic Sans MS">Selecciona la fecha!</font><br />
    Desde: <br />

    <input class = "cambio"  id="fechaDesde" type="text" name = "fechaDesde" />
    
    <br />
    <br />
    Hasta: <br />

    <input class = "cambio"  id="fechaHasta" type="text" name = "fechaHasta" />
    </td>
    </tr>
    <tr></tr>
    <tr>
       <td colspan="1"></td>
  
    <td valign="top"><img src="../../Content/images/3ludico.png" alt="" /></td>
    <td>
     <font style="color:Green;font-size:large;font-family:Comic Sans MS">Selecciona la tutoría!</font><br />
    <br />
        <div style = "width:100%" id="tabla"><%=TempData["tutorias"] as string %> </div>
    </td></tr></table>    
    </div>
</asp:Content>
